<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:c="http://java.sun.com/jsp/jstl/core">



    <a4j:form id="frmIngresoPlanEstrat">
        <rich:panel id="panAPlanEstrat" header="#{general.planificacion} #{general.estrategica}" >
            
            

            <h:panelGrid columns="1"  >
                <h:outputText value="Fecha de Actualizacion:" />
                <a4j:outputPanel id="calendar" layout="block">
                    <rich:calendar value="#{gestorFoda.currentEmprendimiento.fechaFoda}"
                                   showApplyButton="true" cellWidth="24px" cellHeight="22px" style="width:200px"/>
                </a4j:outputPanel>

                <rich:toolTip for="idMision">
                <span style="white-space:nowrap">
                    Como se declara la Mision <strong>MISION</strong>.<br/>
                    Una declaracion de mision es similar, salvo en que es algo mas inmediato.<br/>
                    Detalla que tipo de programas e iniciativas impulsara la organizacion para <br/>
                    aproximarse a la vision que ha definido. El eslogan de Ford, breve pero <br/>
                    poderoso: La calidad es el trabajo n 1 es una declaracion de mision. Sin <br/>
                    embargo, la mayoria de las declaraciones de mision estan mas detalladas, a <br/>
                    menudo describiendo lo que se hara, por quien, para quien, para que y por que.
                </span>
                </rich:toolTip>
                <h:outputText value="Mision:" />
                <h:panelGroup>
                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                    <h:inputTextarea id="idMision" value="#{gestorFoda.currentEmprendimiento.mision}"
                                     cols="80" rows="2"
                                     validator="#{gestorFoda.validarQ}"
                                     >
                        <a4j:support event="onblur" ajaxSingle="true"/>
                    </h:inputTextarea>
                    <rich:message for="idMision" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                </h:panelGroup>

                <h:outputText value="Vision:" />
                <h:panelGroup>
                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                    <h:inputTextarea id="idVision" value="#{gestorFoda.currentEmprendimiento.vision}"
                                     cols="80" rows="2"
                                     validator="#{gestorFoda.validarQ}"
                                     >
                        <a4j:support event="onblur" ajaxSingle="true"/>
                    </h:inputTextarea>
                    <rich:message for="idVision" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                </h:panelGroup>

                <h:outputText value="Valores:" />
                <h:panelGroup>
                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                    <h:inputTextarea id="idValores" value="#{gestorFoda.currentEmprendimiento.valores}"
                                     cols="80" rows="2"
                                     validator="#{gestorFoda.validarT}"
                                     >
                        <a4j:support event="onblur" ajaxSingle="true"/>
                    </h:inputTextarea>
                    <rich:message for="idValores" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                </h:panelGroup>

                <h:outputText value="Principios:" />
                <h:panelGroup>
                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                    <h:inputTextarea id="idPrincipios" value="#{gestorFoda.currentEmprendimiento.principios}"
                                     cols="80" rows="2"
                                     validator="#{gestorFoda.validarT}"
                                     >
                        <a4j:support event="onblur" ajaxSingle="true"/>
                    </h:inputTextarea>
                    <rich:message for="idPrincipios" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                </h:panelGroup>

            </h:panelGrid>  

            <!--################### Diagnostico Institucional ################### -->
            <rich:panel id="panDInstitucional" header="Diagnostico Institucional" style="width:550px"  >

                <!-- ################### INGRESO FODA ################### -->
                <rich:panel id="panFODA" header="#{general.analisis} FODA" style="width:470px"  >
                    <h:panelGrid columns="1">


                        <h:outputText value="Fortalezas:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idFortaleza" value="#{gestorFoda.currentEmprendimiento.fortalezas}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idFortaleza" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Debilidades:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idDebilidad" value="#{gestorFoda.currentEmprendimiento.debilidades}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idDebilidad" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Oportunidades:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idOportunidad" value="#{gestorFoda.currentEmprendimiento.oportunidades}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idOportunidad" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Amenazas:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idAmenaza" value="#{gestorFoda.currentEmprendimiento.amenazas}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idAmenaza" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                    </h:panelGrid>

                </rich:panel>
                <!-- ################### FIN FODA ################### -->



                <!-- ################### INGRESO FUERZAS PORTER ################### -->
                <rich:panel id="panFPORTER" header="FUERZAS DE PORTER" style="width:470px"  >
                    <h:panelGrid columns="1">


                        <h:outputText value="Rivalidad entre competidores:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idRivalidad" value="#{gestorFoda.currentEmprendimiento.competidorestrategico}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idRivalidad" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Amenaza de Productos Sustitutos:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idSustitutos" value="#{gestorFoda.currentEmprendimiento.sustitutos}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idSustitutos" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Amenaza de nuevos entrantes:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idEntrantes" value="#{gestorFoda.currentEmprendimiento.potenciales}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idEntrantes" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Poder de #{general.negociacion} de los clientes:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idClientes" value="#{gestorFoda.currentEmprendimiento.clientes}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idClientes" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>


                        <h:outputText value="Poder de #{general.negociacion} de los proveedores:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idProveedores" value="#{gestorFoda.currentEmprendimiento.proveedores}"
                                             cols="80" rows="2"
                                             validator="#{gestorFoda.validarQ}"
                                             >
                                <a4j:support event="onblur" ajaxSingle="true"/>
                            </h:inputTextarea>
                            <rich:message for="idAmenaza" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>



                    </h:panelGrid>

                </rich:panel>
                <!-- ################### FIN FUERZAS DE PORTER ################### -->


            </rich:panel>



            <!-- ################### INICIO OPERATIVOS ####################### -->
            <rich:panel header="Operativos" style="width:590px">


                <!-- ####### Aqui Comienza el panel Objetivos Estrategicos ####### -->
                <rich:panel id="pnlObjetivos" >

                    <a4j:commandButton id="btnNuevoObjetivos" value="Nuevo Objetivo #{general.estrategico}" action="#{gestorFoda.nuevoObjetivo}"
                                       title="Nuevo" reRender="pnlObjetivos" immediate="true"/>

                    <rich:panel id="pnlListaObjetivos"  rendered="#{gestorFoda.renderObjetivo}" header="Ingresar Objetivo" style="width:540px" >
                        <h:panelGrid id="outIngresoObjetivo" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                            
                            <h:outputText value="Indice:" />
                            <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText size="8" value="#{gestorFoda.currentObjetivo.indice}"/>
                            </h:panelGroup>
                            <h:outputText value="" />
                            <h:outputText value="" />
                            <br/>
                            <h:outputText value="#{general.descripcion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="idDescripcion" value="#{gestorFoda.currentObjetivo.descripcion}"
                                                 required="true"  requiredMessage="Es necesario llenar este campo."
                                                 cols="60" rows="2"
                                                 validator="#{gestorFoda.validarQ}"
                                                 >
                                    <a4j:support event="onblur"/>
                                </h:inputTextarea>


                                <rich:message for="idDescripcion" errorClass="mensaje_error"/>
                            </h:panelGroup>
                            <h:outputText value="" />
                            <h:outputText value="" />



                        </h:panelGrid>



                        <!-- ###################  ACCIONES ################### -->

                        <!-- ###################  PANEL ACCIONES ################### -->
                        <rich:panel id="panelAcciones" header="Definir Acciones" style="width:500px"  >

                            <f:facet name="header">
                                <h:panelGroup>
                                    <h:outputText value="Listado de Acciones"></h:outputText>
                                </h:panelGroup>
                            </f:facet>
                            <f:facet name="controls">
                                <h:panelGroup>
                                    <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                                    <rich:componentControl for="panelAccion" attachTo="hidelink" operation="hide" event="onclick"/>
                                </h:panelGroup>
                            </f:facet>

                            <a4j:commandButton id="btnNuevoAccion" value="Agregar" action="#{gestorFoda.nuevoAccion}"
                                               title="Nuevo" reRender="panelAcciones" immediate="true" />


                            <a4j:form>
                                <a4j:region>
                                    <rich:panel id="pnlAccion"   rendered="#{gestorFoda.renderAccion}" header="Ingresar Accion" >

                                        <h:panelGrid id="outIngresoAccion" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">


                                            <h:outputText value="Indice:" />
                                            <h:panelGroup>
                                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                                <h:inputText id="idAccion" value="#{gestorFoda.currentAccion.indice}"
                                                             required="true" size="8"
                                                                 requiredMessage="Es necesario llenar este campo."
                                                                 >
                                                </h:inputText>
                                                <a4j:support event="onblur"/>
                                                <rich:message for="idAccion" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                                            </h:panelGroup>
                                            <h:outputText value="" />
                                            <h:outputText value="" />
                                            <h:outputText value="" />


                                            <h:outputText value="#{general.descripcion}:" />
                                            <h:panelGroup>
                                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                                <h:inputTextarea id="idDescripcionA" value="#{gestorFoda.currentAccion.descripcion}"
                                                                 required="true"
                                                                 requiredMessage="Es necesario llenar este campo."
                                                                 cols="60" rows="2"
                                                                 validator="#{gestorFoda.validarQ}"
                                                                 >
                                                </h:inputTextarea>
                                                <a4j:support event="onblur"/>
                                                <rich:message for="idDescripcionA" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                                            </h:panelGroup>
                                            <h:outputText value="" />
                                            <h:outputText value="" />
                                            <h:outputText value="" />

                                            <h:outputText value="Metas:" />
                                            <h:panelGroup>
                                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                                <h:inputTextarea id="idMetas" value="#{gestorFoda.currentAccion.metas}"
                                                                 required="true"
                                                                 cols="60" rows="2"
                                                                 validator="#{gestorFoda.validarQ}"
                                                                 requiredMessage="Es necesario llenar este campo."
                                                                 >
                                                </h:inputTextarea>
                                                <a4j:support event="onblur"/>
                                                <rich:message for="idMetas" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                                            </h:panelGroup>
                                            <h:outputText value="" />
                                            <h:outputText value="" />
                                            <h:outputText value="" />

                                        </h:panelGrid>
                                        <a4j:commandButton id="btnGrabarAccion" value="Guardar Accion" action="#{gestorFoda.grabarAccion}"
                                                           title="Grabar" reRender="panelAcciones" />
                                        <a4j:commandButton id="btnCancelarAccion" value="Cerrar" action="#{gestorFoda.cerrarAccion}"
                                                           title="Cerrar" reRender="panelAcciones" immediate="true"/>

                                    </rich:panel>
                                </a4j:region>
                            </a4j:form>

                            <!-- ###################  TABLA ACCIONES ################### -->

                            <rich:dataTable id="tblAcciones" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                            onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                            cellpadding="0" cellspacing="0"
                                            width="400" rows="5" border="0" var="row" value="#{gestorFoda.currentObjetivo.acciones}"
                                            binding="#{gestorFoda.tablaAcciones}">


                                <rich:column label="Indice" >
                                    <f:facet name="header">
                                        <h:outputText id="outIndice1" value="Indice" title="Indice"/>
                                    </f:facet>
                                    <h:outputText value="#{row.indice}"></h:outputText>
                                </rich:column>

                                <rich:column label="#{general.descripcion}">
                                    <f:facet name="header">
                                        <h:outputText id="outDescripcion" value="#{general.descripcion}" title="Accion"/>
                                    </f:facet>
                                    <h:outputText value="#{row.descripcion}"></h:outputText>
                                </rich:column>



                                <rich:column>

                                    <f:facet id="ignore1" name="header">
                                        <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                                    </f:facet>

                                    <div id="divAcciones1" align="center">

                                        <a4j:commandButton id="btnAccionEliminar1" action="#{gestorFoda.eliminarAccion}" value="#{general.eliminar}"
                                                           image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="panelAcciones" immediate="true"/>
                                        <a4j:commandButton id="btnAccionEditar1" action="#{gestorFoda.editarAccion}" value="#{general.btnVer}"
                                                           image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="panelAcciones" immediate="true"/>

                                    </div>
                                </rich:column>
                            </rich:dataTable>


                        </rich:panel>




                        <a4j:commandButton id="btnGrabarObjetivo" value="Guardar Objetivo" action="#{gestorFoda.grabarObjetivo}"
                                           title="Grabar" reRender="pnlObjetivos" />
                        <a4j:commandButton id="btnCancelarObjetivo" value="Cerrar" action="#{gestorFoda.cerrarObjetivo}"
                                           title="Cerrar" reRender="pnlObjetivos" immediate="true"/>






                    </rich:panel>
                    <!--############################## LISTADO DE OBJETIVOS #########################-->


                    <!--############################## LISTADO DE OBJETIVOS #########################-->
                    <rich:dataTable id="tblObjetivos" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                    cellpadding="0" cellspacing="0"
                                    rows="5" border="0" var="row" value="#{gestorFoda.currentEmprendimiento.objetivos}"
                                    binding="#{gestorFoda.tablaObjetivos}">



                        <rich:column label="#{general.codigo}" >
                            <f:facet name="header">
                                <h:outputText id="outCodigo" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                            <h:outputText value="#{row.indice}"></h:outputText>
                        </rich:column>

                        <rich:column label="#{general.descripcion}" >
                            <f:facet name="header">
                                <h:outputText id="outResp" value="Resp" title="Resp"/>
                            </f:facet>
                            <h:outputText value="#{row.descripcion}"></h:outputText>
                        </rich:column>




                        <rich:column>

                            <f:facet id="ignore" name="header">
                                <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

                            <div id="divAcciones" align="center">

                                <a4j:commandButton id="btnAccionEliminar" action="#{gestorFoda.eliminarObjetivo}" value="#{general.eliminar}"
                                                   image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlObjetivos" immediate="true"/>
                                <a4j:commandButton id="btnAccionEditar" action="#{gestorFoda.editarObjetivo}" value="#{general.btnVer}"
                                                   image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlObjetivos" immediate="true"/>

                            </div>
                        </rich:column>

                    </rich:dataTable>





                </rich:panel>
                <!-- ################### FIN OPERATIVOS ####################### -->





            </rich:panel>
            <!--################### FIN Diagnostico Institucional ################### -->



            <!-- ################### Metodo para Graba Ingreso de PlanEstrat  ################### -->
            <h:panelGrid id="pngBtnGrabar" columns="2" cellspacing="5px">
                <a4j:commandButton id="btnGrabar" value="Grabar #{general.planificacion}" action="#{gestorFoda.grabarEmprendimiento}"
                                   title="Grabar FODA" reRender="panAFinanciero"/>
            </h:panelGrid>
            <!-- ################### Fin PlanEstrat  ################### -->




        </rich:panel>
    </a4j:form>
</ui:composition>